<script setup>
</script>


<template>
    <el-container><el-footer>
          <el-row>
            <el-col :xs="24" :lg="8" style="display: flex; flex-direction: row; align-items: center">
              <div>
                <img src="/images/logo.png" style="height: 100px" />
              </div>
              <div>
                <h2 style="padding-left: 4px">技术社区</h2>
                <p style="padding-left: 4px">致力构建一个专业的IT技术交流社区</p>
              </div>
            </el-col>
            <el-col :xs="24" :lg="10" style="padding-top: 30px;">
              <div>
                <el-link type="primary" style="padding-left: 50px">首页</el-link>
                <el-link type="primary" style="padding-left: 70px">咨询</el-link>
                <el-link type="primary" style="padding-left: 80px">课程</el-link>
                <el-link type="primary" style="padding-left: 80px">商城</el-link>
              </div>
              <div>
                <el-link type="primary" style="padding-left: 30px">关于我们</el-link>
                <el-link type="primary" style="padding-left: 50px">使用手册</el-link>
                <el-link type="primary" style="padding-left: 50px">隐私条款</el-link>
                <el-link type="primary" style="padding-left: 50px">建议反馈</el-link>
              </div>
            </el-col>
            <el-col :xs="24" :lg="6">
              <div>
                <h2>联系我们</h2>
                <p>电话：123456789</p>
                <p>邮箱：software@develop.com</p>
              </div>
            </el-col>
            <el-col :xs="24" :lg="24" style="background-color: deepskyblue;">
                <p style="text-align: center;">软件开发工作室版权所有</p>
            </el-col>
          </el-row>
        </el-footer></el-container>
</template>